﻿<!DOCTYPE html>
<html>
  <head>
    <title>用户流程图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/用户流程图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/用户流程图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u163" class="ax_default box_1">
        <div id="u163_div" class=""></div>
        <div id="u163_text" class="text ">
          <p><span>登录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u164" class="ax_default box_1">
        <div id="u164_div" class=""></div>
        <div id="u164_text" class="text ">
          <p><span>输入账号密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u165" class="ax_default box_1">
        <div id="u165_div" class=""></div>
        <div id="u165_text" class="text ">
          <p><span>忘记账号/密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u166" class="ax_default box_1">
        <div id="u166_div" class=""></div>
        <div id="u166_text" class="text ">
          <p><span>邮箱找回密码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u167" class="ax_default box_1">
        <div id="u167_div" class=""></div>
        <div id="u167_text" class="text ">
          <p><span>登录成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u168" class="ax_default box_1">
        <div id="u168_div" class=""></div>
        <div id="u168_text" class="text ">
          <p><span>“发现”</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u169" class="ax_default _连接线">
        <img id="u169_seg0" class="img " src="images/用户流程图/u169_seg0.png" alt="u169_seg0"/>
        <img id="u169_seg1" class="img " src="images/用户流程图/u169_seg1.png" alt="u169_seg1"/>
        <img id="u169_seg2" class="img " src="images/用户流程图/u169_seg2.png" alt="u169_seg2"/>
        <img id="u169_seg3" class="img " src="images/用户流程图/u169_seg3.png" alt="u169_seg3"/>
        <div id="u169_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u170" class="ax_default _连接线">
        <img id="u170_seg0" class="img " src="images/用户流程图/u170_seg0.png" alt="u170_seg0"/>
        <img id="u170_seg1" class="img " src="images/用户流程图/u170_seg1.png" alt="u170_seg1"/>
        <div id="u170_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u171" class="ax_default _连接线">
        <img id="u171_seg0" class="img " src="images/用户流程图/u171_seg0.png" alt="u171_seg0"/>
        <img id="u171_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u171_seg1"/>
        <div id="u171_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u172" class="ax_default _连接线">
        <img id="u172_seg0" class="img " src="images/用户流程图/u172_seg0.png" alt="u172_seg0"/>
        <img id="u172_seg1" class="img " src="images/用户流程图/u172_seg1.png" alt="u172_seg1"/>
        <img id="u172_seg2" class="img " src="images/用户流程图/u172_seg2.png" alt="u172_seg2"/>
        <img id="u172_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u172_seg3"/>
        <div id="u172_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u173" class="ax_default _连接线">
        <img id="u173_seg0" class="img " src="images/用户流程图/u173_seg0.png" alt="u173_seg0"/>
        <img id="u173_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u173_seg1"/>
        <div id="u173_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u174" class="ax_default _连接线">
        <img id="u174_seg0" class="img " src="images/用户流程图/u174_seg0.png" alt="u174_seg0"/>
        <img id="u174_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u174_seg1"/>
        <div id="u174_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u175" class="ax_default box_1">
        <div id="u175_div" class=""></div>
        <div id="u175_text" class="text ">
          <p><span>“消息”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u176" class="ax_default box_1">
        <div id="u176_div" class=""></div>
        <div id="u176_text" class="text ">
          <p><span>“个人”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u177" class="ax_default box_1">
        <div id="u177_div" class=""></div>
        <div id="u177_text" class="text ">
          <p><span>“新建”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u178" class="ax_default box_1">
        <div id="u178_div" class=""></div>
        <div id="u178_text" class="text ">
          <p><span>“匿语”</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u179" class="ax_default _连接线">
        <img id="u179_seg0" class="img " src="images/用户流程图/u179_seg0.png" alt="u179_seg0"/>
        <img id="u179_seg1" class="img " src="images/用户流程图/u179_seg1.png" alt="u179_seg1"/>
        <img id="u179_seg2" class="img " src="images/用户流程图/u179_seg2.png" alt="u179_seg2"/>
        <img id="u179_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u179_seg3"/>
        <div id="u179_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u180" class="ax_default _连接线">
        <img id="u180_seg0" class="img " src="images/用户流程图/u179_seg0.png" alt="u180_seg0"/>
        <img id="u180_seg1" class="img " src="images/用户流程图/u180_seg1.png" alt="u180_seg1"/>
        <img id="u180_seg2" class="img " src="images/用户流程图/u179_seg2.png" alt="u180_seg2"/>
        <img id="u180_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u180_seg3"/>
        <div id="u180_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u181" class="ax_default _连接线">
        <img id="u181_seg0" class="img " src="images/用户流程图/u181_seg0.png" alt="u181_seg0"/>
        <img id="u181_seg1" class="img " src="images/用户流程图/u181_seg1.png" alt="u181_seg1"/>
        <img id="u181_seg2" class="img " src="images/用户流程图/u181_seg2.png" alt="u181_seg2"/>
        <img id="u181_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u181_seg3"/>
        <div id="u181_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u182" class="ax_default _连接线">
        <img id="u182_seg0" class="img " src="images/用户流程图/u181_seg0.png" alt="u182_seg0"/>
        <img id="u182_seg1" class="img " src="images/用户流程图/u182_seg1.png" alt="u182_seg1"/>
        <img id="u182_seg2" class="img " src="images/用户流程图/u181_seg2.png" alt="u182_seg2"/>
        <img id="u182_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u182_seg3"/>
        <div id="u182_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u183" class="ax_default box_1">
        <img id="u183_img" class="img " src="images/用户流程图/u183.png"/>
        <div id="u183_text" class="text ">
          <p><span>热点话题</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u184" class="ax_default box_1">
        <img id="u184_img" class="img " src="images/用户流程图/u183.png"/>
        <div id="u184_text" class="text ">
          <p><span>关注话题</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u185" class="ax_default box_1">
        <img id="u185_img" class="img " src="images/用户流程图/u183.png"/>
        <div id="u185_text" class="text ">
          <p><span>情绪天气</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u186" class="ax_default box_1">
        <img id="u186_img" class="img " src="images/用户流程图/u183.png"/>
        <div id="u186_text" class="text ">
          <p><span>校友论坛</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u187" class="ax_default _连接线">
        <img id="u187_seg0" class="img " src="images/用户流程图/u187_seg0.png" alt="u187_seg0"/>
        <img id="u187_seg1" class="img " src="images/用户流程图/u187_seg1.png" alt="u187_seg1"/>
        <img id="u187_seg2" class="img " src="images/用户流程图/u187_seg2.png" alt="u187_seg2"/>
        <img id="u187_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u187_seg3"/>
        <div id="u187_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u188" class="ax_default _连接线">
        <img id="u188_seg0" class="img " src="images/用户流程图/u187_seg0.png" alt="u188_seg0"/>
        <img id="u188_seg1" class="img " src="images/用户流程图/u188_seg1.png" alt="u188_seg1"/>
        <img id="u188_seg2" class="img " src="images/用户流程图/u187_seg2.png" alt="u188_seg2"/>
        <img id="u188_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u188_seg3"/>
        <div id="u188_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u189" class="ax_default _连接线">
        <img id="u189_seg0" class="img " src="images/用户流程图/u189_seg0.png" alt="u189_seg0"/>
        <img id="u189_seg1" class="img " src="images/用户流程图/u189_seg1.png" alt="u189_seg1"/>
        <img id="u189_seg2" class="img " src="images/用户流程图/u189_seg2.png" alt="u189_seg2"/>
        <img id="u189_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u189_seg3"/>
        <div id="u189_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u190" class="ax_default _连接线">
        <img id="u190_seg0" class="img " src="images/用户流程图/u189_seg0.png" alt="u190_seg0"/>
        <img id="u190_seg1" class="img " src="images/用户流程图/u190_seg1.png" alt="u190_seg1"/>
        <img id="u190_seg2" class="img " src="images/用户流程图/u189_seg2.png" alt="u190_seg2"/>
        <img id="u190_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u190_seg3"/>
        <div id="u190_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u191" class="ax_default box_1">
        <img id="u191_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u191_text" class="text ">
          <p><span>对同学说</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u192" class="ax_default box_1">
        <img id="u192_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u192_text" class="text ">
          <p><span>对老师说</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u193" class="ax_default box_1">
        <div id="u193_div" class=""></div>
        <div id="u193_text" class="text ">
          <p><span>评论墙</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u194" class="ax_default box_1">
        <div id="u194_div" class=""></div>
        <div id="u194_text" class="text ">
          <p><span>留言墙</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u195" class="ax_default box_1">
        <div id="u195_div" class=""></div>
        <div id="u195_text" class="text ">
          <p><span>表白墙</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u196" class="ax_default box_1">
        <div id="u196_div" class=""></div>
        <div id="u196_text" class="text ">
          <p><span>吐槽墙</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u197" class="ax_default _连接线">
        <img id="u197_seg0" class="img " src="images/用户流程图/u197_seg0.png" alt="u197_seg0"/>
        <img id="u197_seg1" class="img " src="images/用户流程图/u197_seg1.png" alt="u197_seg1"/>
        <img id="u197_seg2" class="img " src="images/用户流程图/u197_seg2.png" alt="u197_seg2"/>
        <img id="u197_seg3" class="img " src="images/用户流程图/u197_seg3.png" alt="u197_seg3"/>
        <div id="u197_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u198" class="ax_default _连接线">
        <img id="u198_seg0" class="img " src="images/用户流程图/u198_seg0.png" alt="u198_seg0"/>
        <img id="u198_seg1" class="img " src="images/用户流程图/u198_seg1.png" alt="u198_seg1"/>
        <img id="u198_seg2" class="img " src="images/用户流程图/u198_seg2.png" alt="u198_seg2"/>
        <img id="u198_seg3" class="img " src="images/用户流程图/u198_seg3.png" alt="u198_seg3"/>
        <div id="u198_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u199" class="ax_default _连接线">
        <img id="u199_seg0" class="img " src="images/用户流程图/u199_seg0.png" alt="u199_seg0"/>
        <img id="u199_seg1" class="img " src="images/用户流程图/u199_seg1.png" alt="u199_seg1"/>
        <img id="u199_seg2" class="img " src="images/用户流程图/u199_seg2.png" alt="u199_seg2"/>
        <img id="u199_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u199_seg3"/>
        <div id="u199_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u200" class="ax_default _连接线">
        <img id="u200_seg0" class="img " src="images/用户流程图/u200_seg0.png" alt="u200_seg0"/>
        <img id="u200_seg1" class="img " src="images/用户流程图/u200_seg1.png" alt="u200_seg1"/>
        <img id="u200_seg2" class="img " src="images/用户流程图/u200_seg2.png" alt="u200_seg2"/>
        <img id="u200_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u200_seg3"/>
        <div id="u200_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u201" class="ax_default _连接线">
        <img id="u201_seg0" class="img " src="images/用户流程图/u172_seg0.png" alt="u201_seg0"/>
        <img id="u201_seg1" class="img " src="images/用户流程图/u201_seg1.png" alt="u201_seg1"/>
        <img id="u201_seg2" class="img " src="images/用户流程图/u201_seg2.png" alt="u201_seg2"/>
        <img id="u201_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u201_seg3"/>
        <div id="u201_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u202" class="ax_default _连接线">
        <img id="u202_seg0" class="img " src="images/用户流程图/u202_seg0.png" alt="u202_seg0"/>
        <img id="u202_seg1" class="img " src="images/用户流程图/u202_seg1.png" alt="u202_seg1"/>
        <img id="u202_seg2" class="img " src="images/用户流程图/u202_seg2.png" alt="u202_seg2"/>
        <img id="u202_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u202_seg3"/>
        <div id="u202_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u203" class="ax_default box_1">
        <img id="u203_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u203_text" class="text ">
          <p><span>论坛</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u204" class="ax_default box_1">
        <img id="u204_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u204_text" class="text ">
          <p><span>话题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u205" class="ax_default box_1">
        <div id="u205_div" class=""></div>
        <div id="u205_text" class="text ">
          <p><span>新建话题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u206" class="ax_default box_1">
        <div id="u206_div" class=""></div>
        <div id="u206_text" class="text ">
          <p><span>选择话题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u207" class="ax_default box_1">
        <div id="u207_div" class=""></div>
        <div id="u207_text" class="text ">
          <p><span>开启新论坛</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u208" class="ax_default box_1">
        <div id="u208_div" class=""></div>
        <div id="u208_text" class="text ">
          <p><span>#在此输入新话题#</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u209" class="ax_default box_1">
        <div id="u209_div" class=""></div>
        <div id="u209_text" class="text ">
          <p><span>输入关键词找话题</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u210" class="ax_default _连接线">
        <img id="u210_seg0" class="img " src="images/用户流程图/u210_seg0.png" alt="u210_seg0"/>
        <img id="u210_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u210_seg1"/>
        <div id="u210_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u211" class="ax_default _连接线">
        <img id="u211_seg0" class="img " src="images/用户流程图/u211_seg0.png" alt="u211_seg0"/>
        <img id="u211_seg1" class="img " src="images/用户流程图/u211_seg1.png" alt="u211_seg1"/>
        <img id="u211_seg2" class="img " src="images/用户流程图/u211_seg2.png" alt="u211_seg2"/>
        <img id="u211_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u211_seg3"/>
        <div id="u211_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u212" class="ax_default _连接线">
        <img id="u212_seg0" class="img " src="images/用户流程图/u212_seg0.png" alt="u212_seg0"/>
        <img id="u212_seg1" class="img " src="images/用户流程图/u212_seg1.png" alt="u212_seg1"/>
        <img id="u212_seg2" class="img " src="images/用户流程图/u212_seg2.png" alt="u212_seg2"/>
        <img id="u212_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u212_seg3"/>
        <div id="u212_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u213" class="ax_default _连接线">
        <img id="u213_seg0" class="img " src="images/用户流程图/u197_seg0.png" alt="u213_seg0"/>
        <img id="u213_seg1" class="img " src="images/用户流程图/u213_seg1.png" alt="u213_seg1"/>
        <img id="u213_seg2" class="img " src="images/用户流程图/u197_seg2.png" alt="u213_seg2"/>
        <img id="u213_seg3" class="img " src="images/用户流程图/u197_seg3.png" alt="u213_seg3"/>
        <div id="u213_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u214" class="ax_default _连接线">
        <img id="u214_seg0" class="img " src="images/用户流程图/u198_seg0.png" alt="u214_seg0"/>
        <img id="u214_seg1" class="img " src="images/用户流程图/u214_seg1.png" alt="u214_seg1"/>
        <img id="u214_seg2" class="img " src="images/用户流程图/u198_seg2.png" alt="u214_seg2"/>
        <img id="u214_seg3" class="img " src="images/用户流程图/u198_seg3.png" alt="u214_seg3"/>
        <div id="u214_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u215" class="ax_default _连接线">
        <img id="u215_seg0" class="img " src="images/用户流程图/u215_seg0.png" alt="u215_seg0"/>
        <img id="u215_seg1" class="img " src="images/游客流程图/u108_seg1.png" alt="u215_seg1"/>
        <img id="u215_seg2" class="img " src="images/用户流程图/u215_seg2.png" alt="u215_seg2"/>
        <img id="u215_seg3" class="img " src="images/用户流程图/u215_seg3.png" alt="u215_seg3"/>
        <div id="u215_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u216" class="ax_default _连接线">
        <img id="u216_seg0" class="img " src="images/用户流程图/u216_seg0.png" alt="u216_seg0"/>
        <img id="u216_seg1" class="img " src="images/用户流程图/u216_seg1.png" alt="u216_seg1"/>
        <img id="u216_seg2" class="img " src="images/用户流程图/u216_seg2.png" alt="u216_seg2"/>
        <img id="u216_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u216_seg3"/>
        <div id="u216_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u217" class="ax_default _连接线">
        <img id="u217_seg0" class="img " src="images/用户流程图/u217_seg0.png" alt="u217_seg0"/>
        <img id="u217_seg1" class="img " src="images/用户流程图/u217_seg1.png" alt="u217_seg1"/>
        <img id="u217_seg2" class="img " src="images/用户流程图/u217_seg2.png" alt="u217_seg2"/>
        <img id="u217_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u217_seg3"/>
        <div id="u217_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u218" class="ax_default _连接线">
        <img id="u218_seg0" class="img " src="images/用户流程图/u218_seg0.png" alt="u218_seg0"/>
        <img id="u218_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u218_seg1"/>
        <div id="u218_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u219" class="ax_default box_1">
        <div id="u219_div" class=""></div>
        <div id="u219_text" class="text ">
          <p><span>输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u220" class="ax_default _连接线">
        <img id="u220_seg0" class="img " src="images/用户流程图/u220_seg0.png" alt="u220_seg0"/>
        <img id="u220_seg1" class="img " src="images/用户流程图/u220_seg1.png" alt="u220_seg1"/>
        <img id="u220_seg2" class="img " src="images/用户流程图/u220_seg2.png" alt="u220_seg2"/>
        <img id="u220_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u220_seg3"/>
        <div id="u220_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u221" class="ax_default box_1">
        <img id="u221_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u221_text" class="text ">
          <p><span>选择图片</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u222" class="ax_default box_1">
        <img id="u222_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u222_text" class="text ">
          <p><span>立即拍摄</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u223" class="ax_default box_1">
        <img id="u223_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u223_text" class="text ">
          <p><span>添加表情</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u224" class="ax_default _连接线">
        <img id="u224_seg0" class="img " src="images/用户流程图/u220_seg0.png" alt="u224_seg0"/>
        <img id="u224_seg1" class="img " src="images/用户流程图/u224_seg1.png" alt="u224_seg1"/>
        <img id="u224_seg2" class="img " src="images/用户流程图/u197_seg2.png" alt="u224_seg2"/>
        <img id="u224_seg3" class="img " src="images/用户流程图/u197_seg3.png" alt="u224_seg3"/>
        <div id="u224_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u225" class="ax_default _连接线">
        <img id="u225_seg0" class="img " src="images/用户流程图/u210_seg0.png" alt="u225_seg0"/>
        <img id="u225_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u225_seg1"/>
        <div id="u225_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u226" class="ax_default _连接线">
        <img id="u226_seg0" class="img " src="images/用户流程图/u226_seg0.png" alt="u226_seg0"/>
        <img id="u226_seg1" class="img " src="images/用户流程图/u226_seg1.png" alt="u226_seg1"/>
        <img id="u226_seg2" class="img " src="images/用户流程图/u198_seg2.png" alt="u226_seg2"/>
        <img id="u226_seg3" class="img " src="images/用户流程图/u198_seg3.png" alt="u226_seg3"/>
        <div id="u226_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u227" class="ax_default box_1">
        <img id="u227_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u227_text" class="text ">
          <p><span>通知</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u228" class="ax_default box_1">
        <img id="u228_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u228_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u229" class="ax_default box_1">
        <img id="u229_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u229_text" class="text ">
          <p><span>聊天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u230" class="ax_default box_1">
        <div id="u230_div" class=""></div>
        <div id="u230_text" class="text ">
          <p><span>@我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u231" class="ax_default box_1">
        <div id="u231_div" class=""></div>
        <div id="u231_text" class="text ">
          <p><span>赞我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u232" class="ax_default box_1">
        <div id="u232_div" class=""></div>
        <div id="u232_text" class="text ">
          <p><span>朋友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u233" class="ax_default box_1">
        <div id="u233_div" class=""></div>
        <div id="u233_text" class="text ">
          <p><span>陌生人</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u234" class="ax_default _连接线">
        <img id="u234_seg0" class="img " src="images/用户流程图/u234_seg0.png" alt="u234_seg0"/>
        <img id="u234_seg1" class="img " src="images/用户流程图/u199_seg1.png" alt="u234_seg1"/>
        <img id="u234_seg2" class="img " src="images/用户流程图/u234_seg2.png" alt="u234_seg2"/>
        <img id="u234_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u234_seg3"/>
        <div id="u234_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u235" class="ax_default _连接线">
        <img id="u235_seg0" class="img " src="images/用户流程图/u235_seg0.png" alt="u235_seg0"/>
        <img id="u235_seg1" class="img " src="images/用户流程图/u200_seg1.png" alt="u235_seg1"/>
        <img id="u235_seg2" class="img " src="images/用户流程图/u235_seg2.png" alt="u235_seg2"/>
        <img id="u235_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u235_seg3"/>
        <div id="u235_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u236" class="ax_default _连接线">
        <img id="u236_seg0" class="img " src="images/用户流程图/u234_seg0.png" alt="u236_seg0"/>
        <img id="u236_seg1" class="img " src="images/用户流程图/u236_seg1.png" alt="u236_seg1"/>
        <img id="u236_seg2" class="img " src="images/用户流程图/u234_seg2.png" alt="u236_seg2"/>
        <img id="u236_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u236_seg3"/>
        <div id="u236_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u237" class="ax_default _连接线">
        <img id="u237_seg0" class="img " src="images/用户流程图/u235_seg0.png" alt="u237_seg0"/>
        <img id="u237_seg1" class="img " src="images/用户流程图/u237_seg1.png" alt="u237_seg1"/>
        <img id="u237_seg2" class="img " src="images/用户流程图/u235_seg2.png" alt="u237_seg2"/>
        <img id="u237_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u237_seg3"/>
        <div id="u237_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u238" class="ax_default _连接线">
        <img id="u238_seg0" class="img " src="images/用户流程图/u197_seg0.png" alt="u238_seg0"/>
        <img id="u238_seg1" class="img " src="images/用户流程图/u238_seg1.png" alt="u238_seg1"/>
        <img id="u238_seg2" class="img " src="images/用户流程图/u197_seg2.png" alt="u238_seg2"/>
        <img id="u238_seg3" class="img " src="images/用户流程图/u197_seg3.png" alt="u238_seg3"/>
        <div id="u238_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u239" class="ax_default _连接线">
        <img id="u239_seg0" class="img " src="images/用户流程图/u239_seg0.png" alt="u239_seg0"/>
        <img id="u239_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u239_seg1"/>
        <div id="u239_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u240" class="ax_default _连接线">
        <img id="u240_seg0" class="img " src="images/用户流程图/u198_seg0.png" alt="u240_seg0"/>
        <img id="u240_seg1" class="img " src="images/用户流程图/u226_seg1.png" alt="u240_seg1"/>
        <img id="u240_seg2" class="img " src="images/用户流程图/u198_seg2.png" alt="u240_seg2"/>
        <img id="u240_seg3" class="img " src="images/用户流程图/u198_seg3.png" alt="u240_seg3"/>
        <div id="u240_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u241" class="ax_default box_1">
        <div id="u241_div" class=""></div>
        <div id="u241_text" class="text ">
          <p><span>系统通知</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u242" class="ax_default _连接线">
        <img id="u242_seg0" class="img " src="images/用户流程图/u242_seg0.png" alt="u242_seg0"/>
        <img id="u242_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u242_seg1"/>
        <div id="u242_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u243" class="ax_default _连接线">
        <img id="u243_seg0" class="img " src="images/用户流程图/u243_seg0.png" alt="u243_seg0"/>
        <img id="u243_seg1" class="img " src="images/用户流程图/u243_seg1.png" alt="u243_seg1"/>
        <div id="u243_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u244" class="ax_default box_1">
        <img id="u244_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u244_text" class="text ">
          <p><span>单选删除</span></p><p><span>一键删除</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u245" class="ax_default box_1">
        <img id="u245_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u245_text" class="text ">
          <p><span>单选删除</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u246" class="ax_default box_1">
        <img id="u246_img" class="img " src="images/用户流程图/u221.png"/>
        <div id="u246_text" class="text ">
          <p><span>单选删除</span></p><p><span>一键删除</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u247" class="ax_default _连接线">
        <img id="u247_seg0" class="img " src="images/用户流程图/u247_seg0.png" alt="u247_seg0"/>
        <img id="u247_seg1" class="img " src="images/用户流程图/u247_seg1.png" alt="u247_seg1"/>
        <img id="u247_seg2" class="img " src="images/用户流程图/u247_seg2.png" alt="u247_seg2"/>
        <img id="u247_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u247_seg3"/>
        <div id="u247_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u248" class="ax_default _连接线">
        <img id="u248_seg0" class="img " src="images/用户流程图/u248_seg0.png" alt="u248_seg0"/>
        <img id="u248_seg1" class="img " src="images/用户流程图/u248_seg1.png" alt="u248_seg1"/>
        <img id="u248_seg2" class="img " src="images/用户流程图/u248_seg2.png" alt="u248_seg2"/>
        <img id="u248_seg3" class="img " src="images/游客流程图/u115_seg1.png" alt="u248_seg3"/>
        <div id="u248_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u249" class="ax_default _连接线">
        <img id="u249_seg0" class="img " src="images/用户流程图/u249_seg0.png" alt="u249_seg0"/>
        <img id="u249_seg1" class="img " src="images/游客流程图/u115_seg1.png" alt="u249_seg1"/>
        <div id="u249_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u250" class="ax_default box_1">
        <img id="u250_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u250_text" class="text ">
          <p><span>情绪天气</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u251" class="ax_default box_1">
        <img id="u251_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u251_text" class="text ">
          <p><span>个人中心</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u252" class="ax_default box_1">
        <img id="u252_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u252_text" class="text ">
          <p><span>浏览历史</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u253" class="ax_default box_1">
        <img id="u253_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u253_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u254" class="ax_default box_1">
        <img id="u254_img" class="img " src="images/用户流程图/u191.png"/>
        <div id="u254_text" class="text ">
          <p><span>我的收藏</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u255" class="ax_default _连接线">
        <img id="u255_seg0" class="img " src="images/用户流程图/u255_seg0.png" alt="u255_seg0"/>
        <img id="u255_seg1" class="img " src="images/用户流程图/u255_seg1.png" alt="u255_seg1"/>
        <img id="u255_seg2" class="img " src="images/用户流程图/u255_seg2.png" alt="u255_seg2"/>
        <img id="u255_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u255_seg3"/>
        <div id="u255_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u256" class="ax_default _连接线">
        <img id="u256_seg0" class="img " src="images/用户流程图/u255_seg0.png" alt="u256_seg0"/>
        <img id="u256_seg1" class="img " src="images/用户流程图/u256_seg1.png" alt="u256_seg1"/>
        <img id="u256_seg2" class="img " src="images/用户流程图/u255_seg2.png" alt="u256_seg2"/>
        <img id="u256_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u256_seg3"/>
        <div id="u256_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u257" class="ax_default _连接线">
        <img id="u257_seg0" class="img " src="images/用户流程图/u257_seg0.png" alt="u257_seg0"/>
        <img id="u257_seg1" class="img " src="images/用户流程图/u257_seg1.png" alt="u257_seg1"/>
        <img id="u257_seg2" class="img " src="images/用户流程图/u257_seg2.png" alt="u257_seg2"/>
        <img id="u257_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u257_seg3"/>
        <div id="u257_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u258" class="ax_default box_1">
        <div id="u258_div" class=""></div>
        <div id="u258_text" class="text ">
          <p><span>所有用户一周情绪分析</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u259" class="ax_default box_1">
        <div id="u259_div" class=""></div>
        <div id="u259_text" class="text ">
          <p><span>该用户一周情绪分析</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u260" class="ax_default box_1">
        <div id="u260_div" class=""></div>
        <div id="u260_text" class="text ">
          <p><span>该用户一周情绪分析</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u261" class="ax_default box_1">
        <div id="u261_div" class=""></div>
        <div id="u261_text" class="text ">
          <p><span>该用户历史情绪分析</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u262" class="ax_default _连接线">
        <img id="u262_seg0" class="img " src="images/用户流程图/u262_seg0.png" alt="u262_seg0"/>
        <img id="u262_seg1" class="img " src="images/用户流程图/u262_seg1.png" alt="u262_seg1"/>
        <img id="u262_seg2" class="img " src="images/用户流程图/u262_seg2.png" alt="u262_seg2"/>
        <img id="u262_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u262_seg3"/>
        <div id="u262_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u263" class="ax_default _连接线">
        <img id="u263_seg0" class="img " src="images/用户流程图/u263_seg0.png" alt="u263_seg0"/>
        <img id="u263_seg1" class="img " src="images/用户流程图/u263_seg1.png" alt="u263_seg1"/>
        <img id="u263_seg2" class="img " src="images/用户流程图/u263_seg2.png" alt="u263_seg2"/>
        <img id="u263_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u263_seg3"/>
        <div id="u263_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u264" class="ax_default _连接线">
        <img id="u264_seg0" class="img " src="images/用户流程图/u264_seg0.png" alt="u264_seg0"/>
        <img id="u264_seg1" class="img " src="images/用户流程图/u264_seg1.png" alt="u264_seg1"/>
        <img id="u264_seg2" class="img " src="images/用户流程图/u264_seg2.png" alt="u264_seg2"/>
        <img id="u264_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u264_seg3"/>
        <div id="u264_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u265" class="ax_default _连接线">
        <img id="u265_seg0" class="img " src="images/用户流程图/u265_seg0.png" alt="u265_seg0"/>
        <img id="u265_seg1" class="img " src="images/用户流程图/u265_seg1.png" alt="u265_seg1"/>
        <img id="u265_seg2" class="img " src="images/用户流程图/u265_seg2.png" alt="u265_seg2"/>
        <img id="u265_seg3" class="img " src="images/用户流程图/u265_seg3.png" alt="u265_seg3"/>
        <img id="u265_seg4" class="img " src="images/游客流程图/u115_seg1.png" alt="u265_seg4"/>
        <div id="u265_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u266" class="ax_default label">
        <div id="u266_div" class=""></div>
        <div id="u266_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u267" class="ax_default box_1">
        <div id="u267_div" class=""></div>
        <div id="u267_text" class="text ">
          <p><span>按时间顺序</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u268" class="ax_default _连接线">
        <img id="u268_seg0" class="img " src="images/用户流程图/u268_seg0.png" alt="u268_seg0"/>
        <img id="u268_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u268_seg1"/>
        <div id="u268_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u269" class="ax_default box_1">
        <div id="u269_div" class=""></div>
        <div id="u269_text" class="text ">
          <p><span>显示头像、用户名、标签、签名、好友数、草稿箱、签到</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u270" class="ax_default _连接线">
        <img id="u270_seg0" class="img " src="images/用户流程图/u255_seg0.png" alt="u270_seg0"/>
        <img id="u270_seg1" class="img " src="images/用户流程图/u270_seg1.png" alt="u270_seg1"/>
        <img id="u270_seg2" class="img " src="images/用户流程图/u255_seg2.png" alt="u270_seg2"/>
        <img id="u270_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u270_seg3"/>
        <div id="u270_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u271" class="ax_default box_1">
        <div id="u271_div" class=""></div>
        <div id="u271_text" class="text ">
          <p><span>个人主页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u272" class="ax_default box_1">
        <div id="u272_div" class=""></div>
        <div id="u272_text" class="text ">
          <p><span>个人资料</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u273" class="ax_default box_1">
        <img id="u273_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u273_text" class="text ">
          <p><span>主页背景</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u274" class="ax_default box_1">
        <img id="u274_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u274_text" class="text ">
          <p><span>头像、用户名</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u275" class="ax_default box_1">
        <img id="u275_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u275_text" class="text ">
          <p><span>标签</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u276" class="ax_default box_1">
        <img id="u276_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u276_text" class="text ">
          <p><span>被点赞数</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u277" class="ax_default box_1">
        <img id="u277_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u277_text" class="text ">
          <p><span>关于我</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u278" class="ax_default box_1">
        <img id="u278_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u278_text" class="text ">
          <p><span>用户名</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u279" class="ax_default box_1">
        <img id="u279_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u279_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u280" class="ax_default box_1">
        <img id="u280_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u280_text" class="text ">
          <p><span>性别</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u281" class="ax_default box_1">
        <img id="u281_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u281_text" class="text ">
          <p><span>签名</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u282" class="ax_default box_1">
        <img id="u282_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u282_text" class="text ">
          <p><span>标签</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u283" class="ax_default box_1">
        <img id="u283_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u283_text" class="text ">
          <p><span>粉丝数</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u284" class="ax_default _连接线">
        <img id="u284_seg0" class="img " src="images/用户流程图/u264_seg0.png" alt="u284_seg0"/>
        <img id="u284_seg1" class="img " src="images/用户流程图/u284_seg1.png" alt="u284_seg1"/>
        <img id="u284_seg2" class="img " src="images/用户流程图/u264_seg2.png" alt="u284_seg2"/>
        <img id="u284_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u284_seg3"/>
        <div id="u284_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u285" class="ax_default _连接线">
        <img id="u285_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u285_seg0"/>
        <img id="u285_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u285_seg1"/>
        <div id="u285_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u286" class="ax_default _连接线">
        <img id="u286_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u286_seg0"/>
        <img id="u286_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u286_seg1"/>
        <div id="u286_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u287" class="ax_default _连接线">
        <img id="u287_seg0" class="img " src="images/用户流程图/u287_seg0.png" alt="u287_seg0"/>
        <img id="u287_seg1" class="img " src="images/用户流程图/u287_seg1.png" alt="u287_seg1"/>
        <img id="u287_seg2" class="img " src="images/用户流程图/u287_seg2.png" alt="u287_seg2"/>
        <img id="u287_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u287_seg3"/>
        <div id="u287_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u288" class="ax_default _连接线">
        <img id="u288_seg0" class="img " src="images/用户流程图/u287_seg0.png" alt="u288_seg0"/>
        <img id="u288_seg1" class="img " src="images/用户流程图/u288_seg1.png" alt="u288_seg1"/>
        <img id="u288_seg2" class="img " src="images/用户流程图/u287_seg2.png" alt="u288_seg2"/>
        <img id="u288_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u288_seg3"/>
        <div id="u288_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u289" class="ax_default _连接线">
        <img id="u289_seg0" class="img " src="images/用户流程图/u257_seg0.png" alt="u289_seg0"/>
        <img id="u289_seg1" class="img " src="images/用户流程图/u289_seg1.png" alt="u289_seg1"/>
        <img id="u289_seg2" class="img " src="images/用户流程图/u257_seg2.png" alt="u289_seg2"/>
        <img id="u289_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u289_seg3"/>
        <div id="u289_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u290" class="ax_default _连接线">
        <img id="u290_seg0" class="img " src="images/用户流程图/u257_seg0.png" alt="u290_seg0"/>
        <img id="u290_seg1" class="img " src="images/用户流程图/u290_seg1.png" alt="u290_seg1"/>
        <img id="u290_seg2" class="img " src="images/用户流程图/u257_seg2.png" alt="u290_seg2"/>
        <img id="u290_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u290_seg3"/>
        <div id="u290_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u291" class="ax_default _连接线">
        <img id="u291_seg0" class="img " src="images/用户流程图/u291_seg0.png" alt="u291_seg0"/>
        <img id="u291_seg1" class="img " src="images/用户流程图/u291_seg1.png" alt="u291_seg1"/>
        <img id="u291_seg2" class="img " src="images/游客流程图/u109_seg1.png" alt="u291_seg2"/>
        <div id="u291_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u292" class="ax_default _连接线">
        <img id="u292_seg0" class="img " src="images/用户流程图/u292_seg0.png" alt="u292_seg0"/>
        <img id="u292_seg1" class="img " src="images/用户流程图/u292_seg1.png" alt="u292_seg1"/>
        <img id="u292_seg2" class="img " src="images/用户流程图/u292_seg2.png" alt="u292_seg2"/>
        <img id="u292_seg3" class="img " src="images/用户流程图/u292_seg3.png" alt="u292_seg3"/>
        <img id="u292_seg4" class="img " src="images/游客流程图/u128_seg3.png" alt="u292_seg4"/>
        <div id="u292_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u293" class="ax_default box_1">
        <div id="u293_div" class=""></div>
        <div id="u293_text" class="text ">
          <p><span>校友论坛</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u294" class="ax_default box_1">
        <div id="u294_div" class=""></div>
        <div id="u294_text" class="text ">
          <p><span>热点话题</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u295" class="ax_default _连接线">
        <img id="u295_seg0" class="img " src="images/用户流程图/u295_seg0.png" alt="u295_seg0"/>
        <img id="u295_seg1" class="img " src="images/用户流程图/u295_seg1.png" alt="u295_seg1"/>
        <img id="u295_seg2" class="img " src="images/用户流程图/u295_seg2.png" alt="u295_seg2"/>
        <img id="u295_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u295_seg3"/>
        <div id="u295_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u296" class="ax_default _连接线">
        <img id="u296_seg0" class="img " src="images/用户流程图/u296_seg0.png" alt="u296_seg0"/>
        <img id="u296_seg1" class="img " src="images/用户流程图/u296_seg1.png" alt="u296_seg1"/>
        <img id="u296_seg2" class="img " src="images/用户流程图/u296_seg2.png" alt="u296_seg2"/>
        <img id="u296_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u296_seg3"/>
        <div id="u296_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u297" class="ax_default box_1">
        <div id="u297_div" class=""></div>
        <div id="u297_text" class="text ">
          <p><span>账号与安全</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u298" class="ax_default box_1">
        <div id="u298_div" class=""></div>
        <div id="u298_text" class="text ">
          <p><span>浏览设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u299" class="ax_default box_1">
        <div id="u299_div" class=""></div>
        <div id="u299_text" class="text ">
          <p><span>消息设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u300" class="ax_default box_1">
        <div id="u300_div" class=""></div>
        <div id="u300_text" class="text ">
          <p><span>隐私设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u301" class="ax_default box_1">
        <div id="u301_div" class=""></div>
        <div id="u301_text" class="text ">
          <p><span>辅助功能</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u302" class="ax_default _连接线">
        <img id="u302_seg0" class="img " src="images/用户流程图/u287_seg0.png" alt="u302_seg0"/>
        <img id="u302_seg1" class="img " src="images/用户流程图/u302_seg1.png" alt="u302_seg1"/>
        <img id="u302_seg2" class="img " src="images/用户流程图/u287_seg2.png" alt="u302_seg2"/>
        <img id="u302_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u302_seg3"/>
        <div id="u302_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u303" class="ax_default _连接线">
        <img id="u303_seg0" class="img " src="images/用户流程图/u287_seg0.png" alt="u303_seg0"/>
        <img id="u303_seg1" class="img " src="images/用户流程图/u295_seg1.png" alt="u303_seg1"/>
        <img id="u303_seg2" class="img " src="images/用户流程图/u287_seg2.png" alt="u303_seg2"/>
        <img id="u303_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u303_seg3"/>
        <div id="u303_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u304" class="ax_default _连接线">
        <img id="u304_seg0" class="img " src="images/用户流程图/u264_seg0.png" alt="u304_seg0"/>
        <img id="u304_seg1" class="img " src="images/用户流程图/u189_seg1.png" alt="u304_seg1"/>
        <img id="u304_seg2" class="img " src="images/用户流程图/u264_seg2.png" alt="u304_seg2"/>
        <img id="u304_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u304_seg3"/>
        <div id="u304_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u305" class="ax_default _连接线">
        <img id="u305_seg0" class="img " src="images/用户流程图/u264_seg0.png" alt="u305_seg0"/>
        <img id="u305_seg1" class="img " src="images/用户流程图/u305_seg1.png" alt="u305_seg1"/>
        <img id="u305_seg2" class="img " src="images/用户流程图/u264_seg2.png" alt="u305_seg2"/>
        <img id="u305_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u305_seg3"/>
        <div id="u305_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u306" class="ax_default _连接线">
        <img id="u306_seg0" class="img " src="images/用户流程图/u264_seg0.png" alt="u306_seg0"/>
        <img id="u306_seg1" class="img " src="images/用户流程图/u306_seg1.png" alt="u306_seg1"/>
        <img id="u306_seg2" class="img " src="images/用户流程图/u264_seg2.png" alt="u306_seg2"/>
        <img id="u306_seg3" class="img " src="images/游客流程图/u109_seg1.png" alt="u306_seg3"/>
        <div id="u306_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u307" class="ax_default box_1">
        <img id="u307_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u307_text" class="text ">
          <p><span>绑定手机</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u308" class="ax_default box_1">
        <img id="u308_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u308_text" class="text ">
          <p><span>登录记录</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u309" class="ax_default box_1">
        <img id="u309_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u309_text" class="text ">
          <p><span>登录密码</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u310" class="ax_default box_1">
        <img id="u310_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u310_text" class="text ">
          <p><span>图片质量</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u311" class="ax_default box_1">
        <img id="u311_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u311_text" class="text ">
          <p><span>图片水印</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u312" class="ax_default box_1">
        <img id="u312_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u312_text" class="text ">
          <p><span>自动播放</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u313" class="ax_default box_1">
        <img id="u313_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u313_text" class="text ">
          <p><span>字号字体</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u314" class="ax_default box_1">
        <img id="u314_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u314_text" class="text ">
          <p><span>回复</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u315" class="ax_default box_1">
        <img id="u315_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u315_text" class="text ">
          <p><span>@我</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u316" class="ax_default box_1">
        <img id="u316_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u316_text" class="text ">
          <p><span>点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u317" class="ax_default box_1">
        <img id="u317_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u317_text" class="text ">
          <p><span>聊天</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u318" class="ax_default box_1">
        <img id="u318_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u318_text" class="text ">
          <p><span>通知</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u319" class="ax_default box_1">
        <img id="u319_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u319_text" class="text ">
          <p><span>推送</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u320" class="ax_default box_1">
        <img id="u320_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u320_text" class="text ">
          <p><span>无痕模式</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u321" class="ax_default box_1">
        <img id="u321_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u321_text" class="text ">
          <p><span>我关注的</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u322" class="ax_default box_1">
        <img id="u322_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u322_text" class="text ">
          <p><span>我发出的</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u323" class="ax_default box_1">
        <img id="u323_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u323_text" class="text ">
          <p><span>聊天黑名单</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u324" class="ax_default box_1">
        <img id="u324_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u324_text" class="text ">
          <p><span>夜间模式</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u325" class="ax_default box_1">
        <img id="u325_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u325_text" class="text ">
          <p><span>消除缓存</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u326" class="ax_default box_1">
        <img id="u326_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u326_text" class="text ">
          <p><span>清空信息</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u327" class="ax_default box_1">
        <img id="u327_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u327_text" class="text ">
          <p><span>版本信息</span></p>
        </div>
      </div>

      <!-- Unnamed (六边形) -->
      <div id="u328" class="ax_default box_1">
        <img id="u328_img" class="img " src="images/游客流程图/u149.png"/>
        <div id="u328_text" class="text ">
          <p><span>意见反馈</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u329" class="ax_default _连接线">
        <img id="u329_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u329_seg0"/>
        <img id="u329_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u329_seg1"/>
        <div id="u329_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u330" class="ax_default _连接线">
        <img id="u330_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u330_seg0"/>
        <img id="u330_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u330_seg1"/>
        <div id="u330_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u331" class="ax_default _连接线">
        <img id="u331_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u331_seg0"/>
        <img id="u331_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u331_seg1"/>
        <div id="u331_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u332" class="ax_default _连接线">
        <img id="u332_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u332_seg0"/>
        <img id="u332_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u332_seg1"/>
        <div id="u332_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u333" class="ax_default _连接线">
        <img id="u333_seg0" class="img " src="images/游客流程图/u158_seg0.png" alt="u333_seg0"/>
        <img id="u333_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u333_seg1"/>
        <div id="u333_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u334" class="ax_default _连接线">
        <img id="u334_seg0" class="img " src="images/用户流程图/u334_seg0.png" alt="u334_seg0"/>
        <img id="u334_seg1" class="img " src="images/用户流程图/u334_seg1.png" alt="u334_seg1"/>
        <img id="u334_seg2" class="img " src="images/用户流程图/u334_seg2.png" alt="u334_seg2"/>
        <img id="u334_seg3" class="img " src="images/用户流程图/u334_seg3.png" alt="u334_seg3"/>
        <img id="u334_seg4" class="img " src="images/用户流程图/u334_seg4.png" alt="u334_seg4"/>
        <img id="u334_seg5" class="img " src="images/用户流程图/u334_seg5.png" alt="u334_seg5"/>
        <img id="u334_seg6" class="img " src="images/用户流程图/u170_seg1.png" alt="u334_seg6"/>
        <div id="u334_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u335" class="ax_default label">
        <div id="u335_div" class=""></div>
        <div id="u335_text" class="text ">
          <p><span>更换了登录密码需要重新登录</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u336" class="ax_default _连接线">
        <img id="u336_seg0" class="img " src="images/用户流程图/u268_seg0.png" alt="u336_seg0"/>
        <img id="u336_seg1" class="img " src="images/游客流程图/u109_seg1.png" alt="u336_seg1"/>
        <div id="u336_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
